
function addShoppingCart(){
    let cookie = getCookie("username");
    $.get("../php/getShoppingCart.php?vipName="+cookie,function(data){
        let goodsCart = JSON.parse(data);
        let htmlStr = '';
        goodsCart.forEach(goods=>{
            htmlStr+=`
            <div id="cart_item">
                <div class="product_item">
                    <input type="checkbox" name="ck" class="gua" checked>
                    <img src="../${goods.beiyong6}"  width: "100px";>
                </div>
                <div class="info">
                    <a href="">男士XX CHINO 修身锥型休闲裤</a>
                    <p>产品编号：${goods.goodsId}</p>
                    <p>颜色：${goods.beiyong2}</p>
                    <p>腰围：36</p>
                    <p>裤长：34</p>
                </div>
                <div class="second_box">
                    <div class="number_box">
                        <input type="button" value="-" id='subtract' jiaaa=${goods.goodsId}><input type="text" value="${goods.goodsCount}" class="countt"><input type="button" value="+" id='plus' jiaaa=${goods.goodsId}>
                    </div>
                    <p class="price">${goods.goodsPrice}</p>
                    <div class="cao">
                        <a href="javascript:;">编辑</a>
                        <div class="line"></div>
                        <a href="javascript:;" id='delte' jiaaa=${goods.goodsId}>删除</a>
                    </div>
                </div>
            </div>`;
            
            $(".cart_itemBox").html(htmlStr);
            $(".abc").html(pricer());
            $("#common").html(common());
            $("#how").html(xxuan());
            quanXuan();
            danXuan();
            xunakunag();
            $("#chk").on('change',function(){
                quanXuan();
            })
        })
    })
}

$(function(){
    addShoppingCart();
})

// 加减封装
function getHome(){
    $.ajax({
        url:'../php/updateGoodsCount.php',
        type:'GET',
        data:{
            vipName:getCookie('username'),
            goodsId:theat.attr("jiaaa"),
            goodsCount:goodsCount
        },
        success(res){
            console.log(res);
        }
    })
}
// 加功能
$(".cart_itemBox").on('click','#plus',function(){
    theat = $(this);
    jiia();
    goodsCount = theat.prev().val();
    getHome();
    $(".abc").html(pricer());
    $("#common").html(common())
    $("#how").html(xxuan());
})
function jiia(){
    var num = theat.prev().val();
    num++;
    theat.prev().val(num);
}

// 减功能
$(".cart_itemBox").on('click',"#subtract",function(){
    theat = $(this);
    jiaan();
    goodsCount = theat.next().val();
    getHome();
    $(".abc").html(pricer());
    $("#common").html(common())
    $("#how").html(xxuan());
})
function jiaan(){
    var numr = theat.next().val();
    numr--;
    if(numr<=1){
        numr=1;
    }
    theat.next().val(numr);
}

// 删除功能
let that;
$(".cart_itemBox").on('click','#delte',function(){
    if(confirm("你确定要删除？？")){
        that = $(this)
        that.parent().parent().parent().remove();
        delte();
    }
})
// 删除封装
function delte(){
    $.ajax({
        url:'../php/deleteGoods.php',
        type:'get',
        data:{
            vipName:getCookie('username'),
            goodsId:that.attr("jiaaa")
        },success(res){
            console.log(res);
        }
    })
}

// 商品金额
function pricer(){
    var sum = 0;
    $(".countt").each((index,data)=>{
        if($(data).parents().parents().parents().children(0).children(0).is(":checked")==true){
            sum+=parseInt($(data).val()*$(data).parent().next().html());
        }
    })
    return sum;
}
// 选中多少商品
function xxuan(){
    var aa = 0;
    $(".countt").each((index,data)=>{
        if($(data).parents().parents().parents().children(0).children(0).is(":checked")==true){
            aa+=parseInt($(data).val());
        }
    })
    return aa;
}

// 选中价格变化
function xunakunag(){
    $(".gua").each((index,data)=>{
        $(data).on('change',function(){
            danXuan();
            $("#common").html(common());
            $(".abc").html(pricer());
            $("#how").html(xxuan());
        })
    })
}

// 共有多少商品
function common(){
    var num = 0;
    $(".countt").each((index,data)=>{
        num+=parseInt($(data).val())
    })
    return num;
}

// 全选
function quanXuan(){
    $('#chk').on('click',function(){
            var f= $(this).prop('checked')
            $('input[name=ck]').prop('checked',f)
            $('input[name=ck]').toggleClass('check')
    })
    $("#how").html(xxuan());
    $(".abc").html(pricer());
}
// 单选
function danXuan(){
    $('input[name=ck]').on('click',function(){
       if($('input[name=ck]:checked').length==$('input[name=ck]').length){
        $('#chk').prop('checked',true);
    }else{
        $('#chk').prop('checked',false);
    }
    })
}
    






// 矢量图
$('.icon-liweisi').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)
$('.icon-kaiqidingzhi').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)
$('.icon-LEVIShuiyuan').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)